<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>{$theme['title']}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}mobile_base.css?v=1">
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}dsdialog.css">
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}weui.min.css">
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}yxgroup.css?v=2" />
</head>
<body style="padding-bottom: 52px !important;">
<link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}center.css">
<link href="{$_G['URL']['APP_CSS']}color_base.css" rel="stylesheet" type="text/css">
<link href="{$_G['URL']['APP_CSS']}mobile_new.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="{$_G['URL']['APP_JS']}jquery.min.js"></script>
<script type="text/javascript" src="{$_G['URL']['APP_JS']}util2.js?v=2"></script>
<script type="text/javascript" src="{$_G['URL']['APP_JS']}yx.mui.js?v=20160906"></script>

<!--升级轮播关闭-->
<!--<script type="text/javascript" src="{$_G['URL']['APP_JS']}common.js?v=20160906"></script>-->

<input type="hidden" id="status" value="{$theme['status']}">
<input type="hidden" id="themeid" value="{$theme['id']}">

<div id="get_danmu" {if $config['isdanmu']==1}style="position:relative;"{/if}></div>
<div class="content" style="text-align: center;">
  {if ($theme['endtime']+$endday) < TIMESTAMP && $theme['yixuanbanquan'] != '1' && empty($theme['USERJISHU'])}
  <a href="http://ad.yixuan.net/"><img src="{$_G['URL']['APP_IMAGE']}yixuan.jpg" alt="" class="lazy"></a>
  {/if}
<!--	<img src="{php echo tomedia($config['headlogo']);}" alt="" class="lazy">-->

    {if count($config['bannerimgs'])<2 && empty($config['bannervideo'])}
    <div class="banner " > <img class="lazy" {if !empty($workerposter)}style='pointer-events:auto;'{/if} src="{php echo tomedia($config['headlogo']);}"></div>
    {else}

    <style type="text/css">
        .rotate {
            width: 36px;
            height: 36px;
            left: 7px;
            top: 7px;
        }
        .video-open{
            position: absolute;
            bottom: 10%;
            left: 50%;
            margin-left: -15px;
            z-index: 9;
            width: 85px;
            height: 30px;
            background-image: url();
            background-size: 100% 100%;
            background-repeat: no-repeat;
            padding-left: 30px;
            box-sizing: border-box;
        }
        .video-open p{
            font-size:16px;
            color: #262626;
            line-height: 30px;
        }
        .closevideo{
            position: absolute;
            color: #ffffff;
            font-size: 30px;
            font-weight: 300;
            left: 25px;
            top: 15px;
            z-index: 999;
            width: 25px;
            height: 25px;
            border-radius: 50%;
        }
        .swpier-page{
            position: absolute;
            z-index: 20;
            right: 0;
            bottom: 5%;
            height: 20px;
            padding: 0 12px;
            background: rgba(0,0,0,.6);
            border-radius: 10px 0 0 10px;
            color: #fff;
            font-size: 15px;
            line-height: 20px;
        }
        .swiper-slide img{
            width:100%;
            display:block;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/swiper.min.css">
    <script src="{$_G['URL']['YX2020_CSS']}js/swiper-3.4.2.jquery.min.js"></script>
<!--    //swiper-3.4.2.min.js-->
    {if !empty($workerposter)}
    <style>
        .swiper-slide img{
            pointer-events:auto;
        }
    </style>
    {/if}
    <div class="bannerWarp" style="display: block; position: relative;">
        {if !empty($config['bannervideo'])}
        <div class="video-con" style="width: 100%; height: 100%; background:#000; display: none;z-index: 29;position: absolute" >
            <img src="{$_G['URL']['YX2020_CSS']}images/close.png" class="closevideo" style="pointer-events: auto;">
            <video id="video" poster="{$config['headlogo']}"
                   preload="auto" webkit-playsinline="true"  playsinline   x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" style="width: 100%; height: 100%; background: rgba(0,0,0,0.8);" controls="controls">
                <source src="{$config['bannervideo']}" id = 'bannervideo'>
            </video>
        </div>
        {/if}
        <div class="swiper-container swiper-container-initialized swiper-container-horizontal" style=" position: relative">
            {if !empty($config['bannervideo'])}
            <div class="video-open">
                <p>00′35″</p>
            </div>
            {/if}
            <div class="swpier-page">
                <span>1</span>/{php echo count($config['bannerimgs']);}
            </div>

            <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1578px, 0px, 0px);">
                {loop $config['bannerimgs'] $item}
                <div class="swiper-slide"> <img src="{$item}"></div>
                {/loop}
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination swiper-pagination-bullets">
            </div>
        </div>
    </div>

    <script type="text/javascript">
        {if !empty($config['bannervideo'])}
        var  bannervideo=$("#video").get(0);
        // var video2 =$('#video');
        // var bannervideo=video2 [0];

        // var  video=$('#bannervideo');
        var MusicStatus = true;
        $(".video-open").click(function () {
            bannervideo.play();
            console.log("open")
            $(this).css("display", "none")
            $(".video-con").css("display", "block")
            MusicStatus = $("#audio_btn").hasClass('off');
            if (!MusicStatus) {
                //暂停音乐
                video[0].pause();
                $("#audio_btn").addClass('off');
                $("#yinfu").removeClass("rotate");
            }
        });
        $(".closevideo").click(function () {
            console.log("pause")
            bannervideo.pause();
            $(".video-open").css("display", "block")
            $(".video-con").css("display", "none")
            if (!MusicStatus) {
                video[0].play();
                $("#audio_btn").removeClass('off');
                $("#yinfu").addClass("rotate");
            }
        });
        bannervideo.addEventListener('pause', function () {
            //暂停开始执行的函数
            $(".video-open").css("display", "block")
        });

        var i = setInterval(function() {
            if(bannervideo.readyState > 0) {
                var minutes = parseInt(bannervideo.duration / 60, 10);
                var seconds = parseInt(bannervideo.duration % 60);
                if(minutes<10){minutes='0'+minutes;}
                if(seconds<10){seconds='0'+seconds;}
                $(".video-open").html("<p>" + minutes +"′"+ seconds +"″</p>");
                clearInterval(i);
            }
        }, 200);
        {/if}

            var swiper = new Swiper('.swiper-container', {
                loop: true,
                autoplay : 2000,
                onSlideChangeEnd:function(swiper){
                    if (swiper.activeIndex-1>0){
                        $(".swpier-page span").html(swiper.activeIndex-1)
                    }
                },
            });
    </script>
    {/if}
  {if $config['iscomm']==1 && $config['ismycomm']==2 }
  <div id="btn-more" class="btn  btn-danger" style="width: 80%; background: #f95252;border: 1px solid #f04e31;" tag="1"><a style="color: #ffffff" href="{php echo $_G['siteroot'].createMobileUrl('mycomm',array('themeid'=>$themeid));}">我的&#32418;&#x5305;【{$commssum}元】</a></div>
  {/if}
</div>

<style type="text/css">
  .star,.star_wrap,.star_wrap ul {
    background: {php echo empty($config['starbgcolor'])?'#62d4f5':$config['starbgcolor'];};
    padding: 5px 10px;
  }
  .star_wrap li {
    width: {$iconwidth}%;
  }
  .new_light {
    background: {php echo empty($config['starbtcolor'])?'#14bbdf':$config['starbtcolor'];};
    color: {php echo empty($config['startextcolor'])?'#ffffff':$config['startextcolor'];};
    width: 75%;
  }
</style>
{if $config['istime']!=10 || $config['iswttouxiang']!=10}
{if ($system['ruanjian']==0 && $system['softstyle']==1) }
{include file='yxpdd/touxiangmty'}
{else}
{include file='yxpdd/touxiang'}
{/if}
{/if}
{if !empty($showrecord) && $system['softstyle']!=7}
{include file='yxpdd/pddcurrent'}
{/if}
{if $config['isrecent']==1}
{include file='yxpdd/pdd_ing2'}
{/if}


{if ($system['qrlist']==1 && !empty($themyrecord['qrimg']) && !empty($config['qrlistimgs'])) }
<div class="content baixian">
  {loop $config['qrlistimgs'] $item}
    <img class='lazy' style='width:100%' src='{php echo tomedia($item);}' />
  {/loop}
  <div style="width: 100%; text-align: center;">
    <img class='lazy' style='width:70%; margin:0 auto;' src='{$themyrecord['qrimg']}' />
  </div>
</div>
{/if}
{if $config['iscommshow']==1}
{include file='base/rank'}
{/if}
<div class="content baixian" id="centerimgs"></div>
{if $config['iscomm']==1  && $system['fenxiao07']==1}
  {include file='yxpdd/yaoyiyao'}
{/if}
{if $config['isicon']>0}
<div class="content text_center star" id="light" style="background:{$config['starbgcolor']}">
</div>
{/if}

{if !empty($config['imgs']) && $system['friend']==1}
<div class="content baixian" id="imgs"></div>
{/if}
{if $config['iscommshow']==2}
{include file='base/rank'}
{/if}


{include file='base/kefutubiao'}

{if $system['friend'] == 1}
  {include file='yxpdd/friend'}
{/if}

{if $system['ruanjian']==3 && $config['showshop']==0}
<div class="content baixian">
    {if !empty($myshop)}
        {if !empty($myshop['url'])}
              <a href="{$myshop['url']}"><img class="lazy" src="{php echo tomedia($myshop['imgs']);}" /></a>
        {else}
          {if !empty($myshop['topimgs']) || !empty($myshop['content'])}
              <a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$myshop['id'],'show'=>'jianhua'));}"><img class="lazy" src="{php echo tomedia($myshop['imgs']);}" /></a>
          {else}
              <img class="lazy" src="{php echo tomedia($myshop['imgs']);}" />
          {/if}
        {/if}
    {/if}
    {loop $shoplist $row}
      {if !empty($row['imgs'])}
        {if !empty($row['url'])}
              <a href="{$row['url']}"><img class="lazy" src="{php echo tomedia($row['imgs']);}" /></a>
        {else}
          {if !empty($row['topimgs']) || !empty($row['content'])}
              <a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$row['id'],'show'=>'jianhua'));}"><img class="lazy" src="{php echo tomedia($row['imgs']);}" /></a>
          {else}
              <img class="lazy" src="{php echo tomedia($row['imgs']);}" />
          {/if}
        {/if}
      {/if}
    {/loop}
</div>
{/if}

{if $system['gift']==1 && $config['showgift']==0 }
{include file='yxpdd/gift'}
{/if}
{if ($system['fanpai']==1 && $config['fanpaigroupid']>0) }
{include file='fanpai/index'}
{/if}
<div class="content baixian" id="content">
</div>

{if $system['gift']==1 && $config['showgift']==1 }
{include file='yxpdd/gift'}
{/if}

{if $config['iscommshow']==3}
{include file='base/rank'}
{/if}
<div class="round_star" style="width: 60px; height: 60px; display: none; right: 10px !important; left: inherit !important;">
    <a href="javascript:;"><img src="{$_G['URL']['APP_IMAGE']}begin1.png" alt="" width="60" height="60"></a>
</div>


{if $config['isreply'] == 1}

{/if}

{if $config['tuanrank'] > 0}
{include file='base/tuanrank'}
{/if}

{if $config['fansrank'] > 0}
{include file='base/fansrank'}
{/if}

<div class="metro_container content" style="text-align:center;padding:5px 0px 40px";>
{if $theme['yixuanbanquan'] != '1'}
<a style="font-size:12px;" href="{php echo empty($theme['USERURL'])?$system['s']['yixuanurl']:$theme['USERURL'];}">{php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}</a>
{/if}
</div>

{if $config['isdanmu']==1}
{include file='danmu/danmu02'}
{include file='danmu/danmu01'}
{elseif $config['isdanmu']==2}
<style type="text/css">
  .danmu {position: fixed;}
</style>
{include file='danmu/danmu02'}
{/if}

<link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}mobile_music.css">
<div id="audio_btn" class="">
	<div id="yinfu" class="rotate"></div>
</div>
<script type="text/javascript">
var num = -1;
var desc = "";

var video = $("<audio loop='loop'></audio>").appendTo('body');

video.attr('src',"{php echo tomedia($config['musicsrc']);}");

video.attr('id','bgaudio');
var tmpA = tmpA || $("<a href='#'></a>").appendTo('body');
tmpA.unbind('bind').bind('click',function (e) {
    e.preventDefault();
    video[0].play();
    video[0].pause();
    video[0].play();
}).click();

$(function(){
  $("#audio_btn").click(function(){
    if ($(this).hasClass('off')) {
      video[0].play();
      $(this).removeClass('off');
      $("#yinfu").addClass("rotate");
    } else {
      video[0].pause();
      $(this).addClass('off');
      $("#yinfu").removeClass("rotate");
    };
  })
});
document.addEventListener("WeixinJSBridgeReady", function () {
        document.getElementById('bgaudio').play();
}, false);
</script>

<style type="text/css">
#mcover5 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 100002; }
#mcover5 img {position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 100002; }
</style>
<div id="mcover5" onclick="document.getElementById('mcover5').style.display='';">
<img src="{php echo $_G['URL']['APP_IMAGE']."fenxiao07.png";}" /></div>
<script type="text/javascript">
  function letgo1(){
    $("#mcover5").show();
    return false;
  }
</script>

{if $config['isicon']>0}

<style type="text/css">
#mcover1 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 100002; }
#mcover1 img {position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 100002; }
</style>
<div id="mcover1" onclick="document.getElementById('mcover1').style.display='';">
<img src="{if empty($config['sharetip'])}{$_G['URL']['APP_IMAGE']}guide_fudai.png{else}{php echo tomedia($config['sharetip']);}{/if}" /></div>
<script type="text/javascript">
  function letgo(){
    $("#mcover1").show();
    return false;
  }
</script>
{/if}
{if $config['iscomm']==1}
{if ($system['fenxiao01'] >0 || $system['fenxiao04'] ==1 || $system['fenxiao05'] ==1  || $system['fenxiao07'] ==1 || $system['fenxiao08'] ==1)}
<style type="text/css">
#mcover2 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 100002; }
#mcover2 img {position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 100002; }
</style>
<div id="mcover2" onclick="document.getElementById('mcover2').style.display='';">
<img src="{$fenxiaotip}" /></div>
<script type="text/javascript">
$(function(){
  $(".letgofenxiao").click(function(event) {
    $("#mcover2").show();
    return false;
  });
})
</script>
{/if}
{/if} 
<script type="text/javascript">
     record = {php echo empty($showrecord)?0:$showrecord['id'];};
     neednum = {php echo empty($nowgroupneednum)?0:$nowgroupneednum;};
     myid = {php echo empty($themyrecordid)?0:$themyrecordid;};
     mytype = {php echo empty($themyrecord['type'])?0:$themyrecord['type'];};
     helpuid = {php echo empty($friendlistuid)?0:$friendlistuid;};
     help_uid = {php echo empty($help_uid)?0:$help_uid;};
     $.ajax({
          type: 'POST',
          dataType : "json",
          url:'/{php echo createMobileUrl("getbasepdd",array("themeid"=>$themeid));}',
          data: {record:record,neednum:neednum,myid:myid,mytype:mytype,helpuid:helpuid,help_uid:help_uid},
          success: function(data) {
           data = data.message;
             if(data.errcode == 0){
                $('#get_clone').html(decode(data.headlist));
                $("#friendhelp").html(decode(data.friend));
                $("#friendhelp2").html(decode(data.friend2));
                $('#scannumtxt').html(decode(data.scannumtxt));
                $("#bottommenu").html(decode(data.bottommenu));
                $("#menutips").html(decode(data.menutips));
                $("#menutips2").html(decode(data.menutips2));
                $("#topay").html(decode(data.topay));
                $("#yiman").text(decode(data.yiman));
                $("#xintuan").text(decode(data.xintuan));
                {if $_P['showtuan']==1 }
                  show_info(2);
                {/if}
             }
          },
          error: function() {
          }
      });
</script>
{if $config['isicon']==3}
<style type="text/css">
.radios_nav2 {bottom: 170px;}
.menu_button2 {bottom:170px; }
.menu_button {bottom:120px; }
</style>
<div class="radios_nav">
  <div id="outer_container" class="outer_container">
    <a class="menu_button" style="background-color: {$config['formcolortop']}; " onclick="showkfewm()" href="javascript:;" title="Toggle"><span>客服</span></a>
  </div>
</div>

<script type="text/javascript">
  
          function dofriendhelp(uid){
            var nowurl = window.location.href.replace(/#/g,"&");
             $.ajax({
                  type: 'GET',
                  dataType : "json",
                  url:'/{php echo createMobileUrl("friendhelp",array("themeid"=>$themeid));}&uid=' + uid,
                  success: function(data) {
                      data = data.message;
                      if(data.errcode == 1){
                        tips2(data.msg,nowurl);
                     }else{
                        tips(data.msg);
                     }
                  },
                  error: function() {
                  }
              });
          }  

</script>
<style type="text/css">
#mcover7 {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 100002; }
#mcover7 img {position: fixed; right: 18px; top: 5px; width: 260px !important; height: 180px !important; z-index: 100002; }
</style>
<div id="mcover7" onclick="document.getElementById('mcover7').style.display='';">
<img src="{if empty($config['gifttip'])}{$_G['URL']['APP_IMAGE']}fenxiao14.png{else}{php echo tomedia($config['gifttip']);}{/if}" /></div>
<script type="text/javascript">
  function letgo7(){
    $("#mcover7").show();
    return false;
  }  
</script>
{/if}

{if $fans['status']!=2 || $system['s']['isbutton']!=1}
{if $system['friend'] == 1}
  {include file='yxpdd/friendmenu'}
{else}
  {include file='yxpdd/pddmenu'}
{/if}
{/if}

{include file='yxpdd/foot'}
{include file='base/sharepyq'}
{include file='yxpdd/wxpay'}
{if $config['comm4ziliao']==1 || $config['isicon'] > 0 && $config['iconziliao']!=1}
{include file='base/tips'}
{/if}
{include file='base/kefu'}
